<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>供求</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <link rel="stylesheet" href="http://appimg.yinsoso.com/swiper-3.3.1.min.css" />
	<!--当前页面的css-->
	<link href="../../../meCollect/css/buy.css" rel="stylesheet">
	<link href="../../../PageClassify/css/myPublish.css" rel="stylesheet">
	<!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>

</head>

<body>
<div id="app">
	<div class="state-classify">
		<template v-for="(item,index) in tabs">
			<a href="javascript:void(0);" class="state" :class="{'state-active':types == item.type}" @click="tab(item.type)">{{item.name}}</a>
			<span></span>
		</template>
	</div>
	<!-- 求购dom -->
	<ul class="buy-ul"  v-if="isShow">
		<li v-for="(item,index) in listTab">
			<a @click="urlHref(item)">
				<div class="buy-img">
					<img :src="item.head_img"/>
				</div>
				<div class="buy-txt">
					<p class="buy-txt-title">{{item.product_name}}</p>
					<p class="buy-txt-num">数量：{{item.want_num}}</p>
				</div>
			</a>
		</li>
	</ul>
	<!-- 供应dom -->
	<ul class="buy-ul" v-else>
			<li v-for="(item,index) in listTab">
				<a @click="urlHref(item)">
					<div class="buy-img">
						<img :src="item.head_img"/>
					</div>
					<div class="buy-txt">
						<p class="buy-txt-title">{{item.product_name}}</p>
						<p class="buy-txt-num">￥{{item.supply_price}}</p>
					</div>
				</a>
			</li>
	</ul>
</div>
<script src="../../js/gongqiu.js"></script>
</body>

</html>